﻿<%@ Page Title="" Language="C#" MasterPageFile="~/UserActivity/UserActivityTemlates.Master" AutoEventWireup="true" CodeBehind="InvitationListDetail.aspx.cs" Inherits="WebApplication.UserActivity.InvitationListDetail" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript" src="../Media/Js/PublicTableStyle.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //tab2 selected    
        $("#timeTable").TableColumnSelect({ listbox: "columlistwrap", hid: [] });
    })

    function CloumEvent(nu) {
        if (nu != null) {
            $('#timeTable tr').each(function () {
                $('td:eq(' + [nu + 1] + ')', this).toggle();
                $('th:eq(' + nu + ')', this).toggle();
            });
            $('th.' + $(this).attr('name')).toggle();

        }
    }

</script>
<style type="text/css">
.lisColumtBoxWrap .uibtn li{ margin-right:75px;}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
  <div class="content-title">
    <h1>Activity > Events > Manage Content</h1>
  </div> 
  <div class="con-nav">
    <a href="#" class="btn"><span class="ui-icon ui-icon-newwin"></span>Add New Event</a>
  </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
  <div class="partWrap">
	  <div class="Usermc">
		<h3>50th Anniversary Dinner</h3>
		<h2>五十週年晚宴</h2>
		<p class="Usemsgaemc">
		 <span>2007-12-7 12:00 2007-12-7 16:00</span><br>
		 <span>Room 825,Star House,3 Salisbury Road,Tsimshatsui,Kowloon,Hong Kong</span>
		</p>
		<p class="Useaemction"><a href="">Back to List</a></p>
	  </div>
	</div>
	
	<div class="partWrap">
		<div class="tab-wrap">
		<div class="leftbtn">
		  <img src="../Media/Css/images/001_27.png" height="24" />
		</div>	
		<ul class="tab" id="tab" >
			<li id=""><span><a href="EventContent.aspx">Event Content</a></span></li>
			<li id=""><span><a href="SearchList.aspx">Search List</a></span></li>
			<li id=""><span><a href="InvitationList.aspx">Invitation List</a></span></li>
			<li id="" class="selected"><span><a href="InvitationListDetail.aspx">Invitation Detail</a></span></li>
			<li id=""><span><a href="#">Payment Record</a></span></li>
			<li id=""><span><a href="#">Receipt</a></span></li>
			<li id=""><span><a href="#">Debit Note</a></span></li>
		</ul>		
	</div>

	<div class="clear20"></div>
	
	<div class="ilddiv">
	<table cellpadding="0" cellspacing="0" border="0" width="100%">
	 <tbody>
	  <tr>
	   <td width="25%">
	    <p class="upinput">Invitation Date</p>
		<input type="text" class="input200" value="dd-mm-yyyy">
	   </td>
	   <td width="25%">
	    <p class="upinput">Invitation List Name</p>
		<input type="text" class="input200">
	   </td>
	   <td width="25%">&nbsp;</td>
	   <td width="25%" align="right">
	   <a href="javascript:return false;" onClick="javascript:ToggleDocument('invitationD')">Add invitation</a>
	   <div class="invitationD" id="invitationD">
        <div class="cl-div"><img class="imgclosed" src="../Media/Css/images/del-select.png" onClick="javascript:CloseDocument('invitationD')"></div>
	    <table cellpadding="0" cellspacing="0" border="0" width="205">
		 <tr><td height="40"><input type="text" class="input200" value="Customer ID/Name"></td></tr>
		 <tr><td height="40"><select class="select200"><option>Contact person name</option></select></td></tr>
		 <tr><td height="40"><a href="#">Add Contact person</a></td></tr>
		 <tr><td height="40"><ul class="uibtn"><li><span>Save</span></li></ul></td></tr>
		</table>
	   </div>
	   </td>
	  </tr>
	  <tr><td><p class="upinput">Search Criteria</p></td></tr>
	  <tr>
	   <td><p class="upinput">Attribute:<span class="mcspan">Honorary Chairman and GC Member;</span></p></td>
	   <td><p class="upinput">Business Nature:<span class="mcspan">Buying Office or Exporter</span></p></td>
	  </tr>
	 </tbody>
	</table>
	</div>
	
	
	<div class="clear20"></div>
	
	<div class="page">
		<p class="left">26- 50 / 100 Record(s)</p>
		<div class="page-style">
		 <a href="#">Previous</a>
		 <a href="#"> << </a>
		 <span>
		 <input type="text" size="1" value="2">
		  / 4</span>
		 <span>pages </span>
		 <a href="#">Go</a>
		 <a href="#"> >> </a>
		 <a href="#">Next</a>
		</div>	
	</div>
	
	<div class="table-wrap">	
	<table width="100%" border="0"  background="#cccccc" cellspacing="1" cellpadding="0" class="listing-table" id="timeTable">
	<thead>
	  <tr>
	   <td><div class="hw"><span><input type="checkbox" id=""><label for="">All</label></span><div class="dragDiv"></div></div></td>
	   <th><div class="hw"><span>Index</span><div class="dragDiv"></div></div></th>
	   <th><div class="hw"><span>Customer ID</span><span  class="order-1"></span><div class="dragDiv"></div></div></th>
	   <th><div class="hw"><span>Customer Name</span><span  class="order-1"></span><div class="dragDiv"></div></div></th>
	   <th><div class="hw"><span>Contact Person Name</span><span  class="order-1"></span><div class="dragDiv"></div></div></th>
	   <th><div class="hw"><span>Member | GC Member | VIP</span><span  class=""></span><div class="dragDiv"></div></div></th>
	   <th><div class="hw"><span>Direct Tel</span><span  class=""></span><div class="dragDiv"></div></div></th>
	   <th><div class="hw"><span>Direct Fax</span><span  class=""></span><div class="dragDiv"></div></div></th>
	   <th><div class="hw"><span>Email</span><span  class=""></span><div class="dragDiv"></div></div></th>
       <th><div class="hw"><span>Action</span><span  class=""></span><div class="dragDiv"></div></div></th>
	   <%--<td>
        <div class="hw">
        <span style="font-weight:bold;">Action</span>
        <div id="lisColumtBoxWrap" class="lisColumtBoxWrap">
		        <img src="../Media/Css/images/control_s.png" height="24" id="showC" >
	        <div id="lisColumtBox" class="lisColumtBox">	 
	        <div class="lisColumtBoxClose"></div>
	        <img src="../Media/Css/images/del-form.png" height="13" class="lisColumtBoxClose" />
            <div id="columlistwrap">
            </div>      	  
	              
			<ul class="uibtn">
    	    <li><span>Save</span></li>
            <li><span>Quit</span></li>
	        </ul>
				
			<div class="clear1"></div>
				  
	    </div>
	    </div>
        <div class="dragDiv" style="visibility:hidden"></div>
        </div>
       </td>--%>
	  </tr>
	 </thead> 
	 <tbody>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>01</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>02</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>03</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>04</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>05</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>06</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>07</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>08</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>09</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>10</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>11</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>12</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>13</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>14</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	  <tr>
	   <td><input type="checkbox" id=""></td>
	   <td>15</td>
	   <td>Customer ID</td>
	   <td>Customer Name</td>
	   <td>Contact Person Name</td>
	   <td align="center">Y | Y | N</td>
	   <td>852-12345678</td>
	   <td>852-12345678</td>
	   <td>example@eg.com</td>
	   <td>
		<a href="">Edit</a> |
		<a href="javascript: delete_disp_confirms('DeleteBox')">Remove</a>
	   </td>
	  </tr>
	 </tbody>
	</table>
	</div>
	
	<div class="page">
		<p class="left">26- 50 / 100 Record(s)</p>
		<div class="page-style">
		 <a href="#">Previous</a>
		 <a href="#"> << </a>
		 <span>
		 <input type="text" size="1" value="2">
		  / 4</span>
		 <span>pages </span>
		 <a href="#">Go</a>
		 <a href="#"> >> </a>
		 <a href="#">Next</a>
		</div>	
	</div>
	
	<div class="clear20"></div>
	
	<table width="450" cellpadding="0" cellspacing="0" border="0">
	 <tbody>
	  <tr>
	   <td>
	    <ul class="uibtn">
		 <li><a>Save</a></li>
		</ul>
	   </td>
	   <td>
	    <ul class="uibtn">
		 <li><a>Reset</a></li>
		</ul>
	   </td>
	   <%--<td colspan="2">
	    	    <div class="footerchcek-div">
	    <ul class="uibtn">
		 <li onClick="javascript:ToggleDocument('check-div')"><a>Check Duplicate</a></li>
		</ul>
		<div id="check-div" class="check-div">
		 <div class="cl-div"><img src="../Media/Css/images/del-select.png" onClick="javascript:CloseDocument('check-div')"></div>
		 <table cellpadding="0" cellspacing="0" border="0" width="100%">
		  <tbody>
		   <tr><td>Duplicate in</td></tr>
		   <tr><td><input type="checkbox" id=""><label for="">Invitation Name</label></td></tr>
		   <tr><td><input type="checkbox" id=""><label for="">Invitation Name</label></td></tr>
		   <tr><td>By</td></tr>
		   <tr><td><input type="radio" id=""><label for="">Customer Name</label></td></tr>
		   <tr><td><input type="radio" id=""><label for="">Email</label></td></tr>
		   <tr><td><input type="radio" id=""><label for="">Telephone</label></td></tr>
		   <tr><td><input type="radio" id=""><label for="">Fax</label></td></tr>
		   <tr><td height="10"></td></tr>
		   <tr><td><ul class="uibtn"><li><span>Duplicate</span></li></ul></td></tr>
		  </tbody>
		 </table>
		</div>
	   </div>
	   </td>--%>
	   <td>
	    <ul class="uibtn">
		 <li><a>Export</a></li>
		</ul>
	   </td>
       <td width="25%">&nbsp;</td>
	  </tr>
	  <tr><td class="tdh10">&nbsp;</td></tr>
	  <tr>
	   <td colspan="2">
	    <div class="footerchcek-div">
	    <ul class="uibtn">
		 <li onClick="javascript:ToggleDocument('Registration-div')"><a>Save in Registration List</a></li>
		</ul>
		<div class="Registration-div" id="Registration-div">
		 <div class="cl-div"><img src="../Media/Css/images/del-select.png" onClick="javascript:CloseDocument('Registration-div')"></div>
		 <table cellpadding="0" cellspacing="0" border="0" width="100%">
		  <tbody>
		   <%--<tr>
		    <td>
			 <p class="upinput">Registration List Name</p>
			 <input type="text" class="input200">			
			</td>
		   </tr>--%>
		   <tr>
		    <td>
             <p class="upinput">Price Code</p>
		     <select><option>Price Code</option></select>
			</td>
            <td>
             <p class="upinput">Price</p>
             <span>HKD 200.00 (Early Bird)</span>
            </td>
		   </tr>
		   <tr><td height="10"></td></tr>
		   <tr>
             <td>
              <table cellpadding="0" cellspacing="0" border="0" width="150">
               <tr>
                <td><ul class="uibtn"><li><span>Save</span></li></ul></td>
                <td><ul class="uibtn"><li><span>Cancel</span></li></ul></td>
               </tr>
              </table>
             </td>
           </tr>
		  </tbody>
		 </table>
		</div>
	   </div>
	   </td>
	  </tr>
	 </tbody>
	</table>
	
	</div> 

    <div id="DeleteBox" class="Popconfirms">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center">
	
	    <div class="Poptxt">Are you sure to Remove？</div></td>  
    
      </tr>
      <tr>
        <td align="center">
	    <div class="clear20"></div>
	    <table>
	    <tr>
        <td>
	     <ul class="uibtn">
    	    <li><span>Sure</span></li>
	    </ul>
	    </td>
	    <td width="10"></td>
        <td>
	     <ul class="uibtn">
    	    <li><span>Quit</span></li>
	    </ul>
	    </td>
	    </tr>
	    </table>
	    </td>
      </tr>
     </table>
   </div>

</asp:Content>
